// 重置样式
html, body {
  width: 100%;
  height: 100%;
  //font-family: "Microsoft YaHei";;
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding:0;
  border: 0;
  overflow: hidden;
}
body, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p, blockquote, th, td {
  font-weight:400;
  margin:0;
  padding:0;
}
h1, h2, h3, h4, h4, h5, p {
  margin:0;
  padding:0;
}
ul,li{ padding:0;margin:0;list-style:none}

// 去掉input type=number的上下箭头
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type="number"]{ -moz-appearance: textfield; }

// 顶部加载进度条
#nprogress .bar {
  background: var(--app-primary-color) !important;
}

.m-t-10{
  margin-top: 10px !important;
}
.m-t-20{
  margin-top: 20px !important;
}
.m-t-30{
  margin-top: 30px !important;
}
.m-t-40{
  margin-top: 40px !important;
}
.m-t-50{
  margin-top: 50px !important;
}

.m-b-10{
  margin-bottom: 10px !important;
}
.m-b-20{
  margin-bottom: 20px !important;;
}
.m-b-30{
  margin-bottom: 30px !important;;
}
.m-b-40{
  margin-bottom: 40px !important;;
}
.m-b-50{
  margin-bottom: 50px !important;;
}


.flex-item-1 {
  flex: 1;
}
.flex-item-2 {
  flex: 2;
}
.flex-item-3 {
  flex: 3;
}
.flex-item-4 {
  flex: 4;
}
.flex-item-5 {
  flex: 5;
}
.flex-item-6 {
  flex: 6;
}
.flex-item-7 {
  flex: 7;
}
.flex-item-8 {
  flex: 8;
}
.flex-item-9 {
  flex: 9;
}
